$(function() {
	//宽高调整
	var winwid = $(window).width();
	var hig = $(".data-header").width() * 0.05-50;
	$('.data-header ').height($(".data-header").width() * 0.05);
	$('.jy-ul li ').height($(".jy-ul li").width() * 0.5);
	if(winwid < 1200){
		$('.d-firstNav span').addClass('jy-fontsize');
		$('.jy-span').addClass('jy-fontsize');
		$('#admin').addClass('jy-fontsize2')
	}

	$(window).resize(function () {          //当浏览器大小变化时
		var winwid = $(window).width();
		var hig = $(".data-header").width() * 0.05-50;
		$('.data-header ').height($(".data-header").width() * 0.05);
		$('.jy-ul li ').height($(".jy-ul li").width() * 0.5);
		if(winwid < 1200){
			$('.d-firstNav span').addClass('jy-fontsize');
			$('.jy-span').addClass('jy-fontsize');
			$('#admin').addClass('jy-fontsize2');
		}
		if(winwid > 1200){
			$('.d-firstNav span').removeClass('jy-fontsize');
			$('.jy-span').removeClass('jy-fontsize');
			$('#admin').removeClass('jy-fontsize2')
		}
	});

	$('.d-firstNav').click(function(e) {
		dropSwift($(this), '.d-firstDrop');	   
		e.stopPropagation();
	});
	$('.d-secondNav').click(function(e) {
		dropSwift($(this), '.d-secondDrop');
		e.stopPropagation();
	});

	$('ul li').on('click',function(){
		$(this).addClass('jy-li-active');
		$(this).siblings().removeClass('jy-li-active')
	})

	$('.data-lead').click(function(e){
		var ind = $(this).index()+1;
		$('.data-header-content').css("background-image"," url(../images/icon_title_biaoqian_"+ind+".png");
		/*变色*/
		var spa = $(this).find('div').eq(1).find('span')[0];
		$($(this).find('div').eq(0)[0]).css("background-image"," url(../images/icon_"+ind+"_pre.png");
		$(spa).addClass('data-click');
		var brother = $(this).siblings();
		for(var i=0;i<brother.length;i++){
			var spans = $(brother[i]).find('div').eq(1).find('span')[0];
			var tus = $(brother[i]).find('div').eq(0)[0];
			$(spans).removeClass('data-click');
		}
		/*变色*/
	})
	
	/**
	 * @param dom   点击的当前元素
	 * @param drop  下一级菜单
	 */
	function dropSwift(dom, drop) {
		//点击当前元素，收起或者伸展下一级菜单
		dom.next().slideToggle();
		
		//设置旋转效果
		
		//1.将所有的元素都至为初始的状态		
		dom.parent().siblings().find('.fa-caret-right').removeClass('iconRotate');
		
		//2.点击该层，将其他显示的下滑层隐藏		
		dom.parent().siblings().find(drop).slideUp();
		
		var iconChevron = dom.find('.fa-caret-right');
		if(iconChevron.hasClass('iconRotate')) {			
			iconChevron.removeClass('iconRotate');
		} else {
			iconChevron.addClass('iconRotate');
		}
	}

	/**
	 * hover 事件
	 */
	for (let i = 1; i < 9; i ++) {
		$("#menu" + i).hover( function(event){
			console.log(event)
			$(this).find("i").eq(1).removeClass("icon-right");
			$(this).find("i").eq(0).removeClass("icon-"+i);
			$(this).find("i").eq(0).addClass("icon-1-"+i);
		}, function(event){
			$(this).find("i").eq(1).addClass("icon-right");
			$(this).find("i").eq(0).addClass("icon-"+i);
			$(this).find("i").eq(0).removeClass("icon-1-"+i);
		} );
	}

	 /**
	  * 菜单隐藏事件
	  */
	 $("#cebianlan").hide();
	 $('#menu-hidden').click(function(){
	 	 $("#cebianlan").hide();
	 	 $("#menu-show").show();
	 	 $('#ifmContent').css('width', '100%')
	 	 $(this).hide();
	 })

	 $('#menu-show').click(function(){
	 	 $("#cebianlan").show();
	 	 $("#menu-hidden").show();
	 	 $('#ifmContent').css('width', '84%')
	 	 $(this).hide();
	 })
	 
})